<template>
	<view class="">
		<view class="flex justify-between align-center" v-for="(message,index) in quote_messages" :key='index'>
			<view class="">
				<text class="text-grey text-sm">							
				{{message.data.msg||message.data.content}}
				</text>
			</view>
			<view class="padding-xs" >
				
					<view class="cu-tag" @tap="deleteQuoteMessage(index)">
						X
					</view>
			</view>
		</view>
		
	</view>
	
</template>

<script>

	export default {
		data(){
			return {
				
			}
		},

		
		props: {

			quote_messages: {
				type: [Array],
				default:()=>{
					return []
				}
			},
			
		},
		methods:{
			deleteQuoteMessage(index){
				this.$emit('deleteQuoteMessage',index)
			}
		}
	}
</script>
	
<style>
</style>
